<style>
.page_select {
    width: 100%;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>
<template>
    <div>
        <div v-for="(item, index) in postItemData" :key="index" @click="toDetail(item.id)">
            <PostItem :post="item" style="width: 100%;" />
        </div>
        <div class="page_select">
            <el-pagination background page-size="10" :current-page="currentPage" @current-change="getUserPost" layout="prev, pager, next" :total="totalPostNum">
            </el-pagination>
        </div>
    </div>
</template>
<script>
import PostItem from '@/components/PostItem'
import request from '@/utils/request'
import { newPage } from '@/utils/commonFunction'
export default {
    name: 'myPost',
    components: {
        PostItem
    },
    data() {
        return {
            userId: null,
            postItemData: [
                {
                    id: 1,
                    title: "(chatgpt) 两层 g c n 提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集",
                    content: `如果没有全连接层 ()c
                    层），那么输出将是每个节点的特征。这样的话，标签需要对应每个节点的输出特征。在这种情况下，标签的维度应该是节点数乘以输出特征数。如果我们将输出特征数设为 1 ，并且没有．．提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集`,
                    likeCount: 1,
                    nickname: "红豆面包",
                }, {
                    id: 2,
                    title: "(chatgpt) 两层 g c n 提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集",
                    content: `如果没有全连接层 ()c
                    层），那么输出将是每个节点的特征。这样的话，标签需要对应每个节点的输出特征。在这种情况下，标签的维度应该是节点数乘以输出特征数。如果我们将输出特征数设为 1 ，并且没有．．提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集提取最后一层节点输出特征，如何自定义简单数据集`,
                    likeCount: 1,
                    nickname: "红豆面包",
                }
            ],
            totalPostNum: 0,
            currentPage:1,
        }
    },
    created() {
        this.userId = this.$route.params.userId;
        this.getUserPost(1);
        this.getUserPostNum();
    },
    methods: {
        getUserPost(pageNum){
            let id = this.userId;
            let params = {
                pageNum: pageNum,
            }
            request.get(`userWatchRemember/getByUserId/${id}`,{
                params: params
            }).then(res => {
                this.postItemData = res.data;
            });
        },
        getUserPostNum(){
            let id = this.userId;
            request.get(`userWatchRemember/getTotalNumByUserId/${id}`).then(res => {
                this.totalPostNum = res.data;
            });
        },
        toDetail(id) {
            let url = `/PostDetail?id=${id}`;
            newPage(url);
        },
    },
}
</script>